<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN">
<html>
  <head>
    <meta name="generator" content="HTML Tidy for Linux (vers 7 December 2008), see www.w3.org">
    <title>
      iDouban
    </title>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
    <link type="text/css" rel="stylesheet" media="screen" href="jqtouch/jqtouch.css">
    <link type="text/css" rel="stylesheet" media="screen" href="themes/jqt/theme.css">
    <script type="text/javascript" src="jqtouch/jquery.js" />
    <script type="text/javascript" src="jqtouch/jqtouch.js"/>
    <script type="text/javascript" src="idouban.js"/>
    <script type="text/javascript">
var jQT = $.jQTouch({
    icon: 'idouban.png',
    statusBar: 'black'
    });
    </script>
  </head>
  <body>
    <div id="home">
      <div class="toolbar">
        <h1>
          iDouban
        </h1><a class="button flip" href="#settings">Settings</a>
      </div>
      <ul class="edgetoedge">
        <li class="arrow">
          <a href="#menu_search">搜索</a>
        </li>
        <li class="arrow">
          <a href="#menu_mine">我的豆瓣</a>
        </li>
        <li class="arrow">
          <a href="#menu_friends">友邻</a>
        </li>
        <li class="arrow">
          <a href="#list_miniblog">广播</a>
        </li>
        <li class="arrow">
          <a href="#about">About</a>
        </li>
      </ul>
    </div>
    <div id="about">
      <div class="toolbar">
        <h1>
          About
        </h1><a class="button back" href="#">Back</a>
      </div>
      <div>
        <p>
          Kilo gives you easy access to your food diary.
        </p>
      </div>
    </div>
    <div id="menu_search">
      <div class="toolbar">
        <h1>
          搜索
        </h1><a class="button back" href="#">Back</a>
      </div>
      <ul class="edgetoedge">
        <li class="arrow">
          <a href="#search_book">书籍</a>
        </li>
        <li class="arrow">
          <a href="#search_movie">电影</a>
        </li>
        <li class="arrow">
          <a href="#search_music">音乐</a>
        </li>
        <li class="arrow">
          <a href="#search_people">用户</a>
        </li>
        <li class="arrow">
          <a href="#search_event">活动</a>
        </li>
      </ul>
    </div>
    <div id="menu_mine">
      <div class="toolbar">
        <h1>
          我的豆瓣
        </h1><a class="button back" href="#">Back</a>
      </div>
      <ul class="edgetoedge">
        <li class="arrow">
          <a href="#user">我的信息</a>
        </li>
        <li class="arrow">
          <a href="#list_doumail">豆邮</a>
        </li>
        <li class="arrow">
          <a href="#list_note">日记</a>
        </li>
        <li class="arrow">
          <a href="#list_recommendation">推荐</a>
        </li>
        <li class="arrow">
          <a href="#list_review">评论</a>
        </li>
        <li class="arrow">
          <a href="#list_collection">收藏</a>
        </li>
      </ul>
    </div>
    <div id="menu_user">
      <div class="toolbar">
        <h1>
          我的豆瓣
        </h1><a class="button back" href="#">Back</a>
      </div>
      <ul class="edgetoedge">
        <li class="arrow">
          <a href="#menu_user_info">我的信息</a>
        </li>
        <li class="arrow">
          <a href="#menu_friends">友邻</a>
        </li>
        <li class="arrow">
          <a href="#list_miniblog">广播</a>
        </li>
        <li class="arrow">
          <a href="#list_recommendation">推荐</a>
        </li>
      </ul>
    </div>
    <div id="menu_user_info">
      <div class="toolbar">
        <h1>
          我的豆瓣
        </h1><a class="button back" href="#">Back</a>
      </div>
      <ul class="edgetoedge">
        <li class="arrow">
          <a href="#user">我的信息</a>
        </li>
        <li class="arrow">
          <a href="#list_note">日记</a>
        </li>
        <li class="arrow">
          <a href="#list_review">评论</a>
        </li>
        <li class="arrow">
          <a href="#list_collection">收藏</a>
        </li>
      </ul>
    </div>
    <div id="menu_friends">
      <div class="toolbar">
        <h1>
          友邻
        </h1><a class="button back" href="#">Back</a>
      </div>
      <ul class="edgetoedge">
        <li class="arrow">
          <a href="#list_friends">友邻列表</a>
        </li>
        <li class="arrow">
          <a href="#list_miniblog_contacts">友邻广播</a>
        </li>
        <li class="arrow">
          <a href="#list_contacts">关注的人</a>
        </li>
      </ul>
    </div>
    <div id="settings">
      <div class="toolbar">
        <h1>
          Settings
        </h1><a class="button cancel" href="#">Cancel</a>
      </div>
      <form method="post">
        <ul>
          <li>
            <input placeholder="用户名" type="text" name="username" id="username">
          </li>
          <li>
            <input placeholder="密码" type="text" name="pword" id="pword">
          </li>
          <li>
            <input placeholder="授权码" type="text" name="AccessToken" id="accesstoken">
          </li>
          <li>
            <input type="submit" class="submit" name="action" value="Save Changes">
          </li>
        </ul>
      </form>
    </div>

  </body>
</html>
